@import "~common/less/var";

@colorEven: #FFF; // transparent
@colorOdd: @primary-color;
.outline {
  position: absolute;
  // background-color: @primary-color;
  z-index: @z-index-10 + 2;
  // 蚂蚁线
  background-image: linear-gradient(45deg, @colorEven 25%, @colorOdd 25%, @colorOdd 50%, @colorEven 50%, @colorEven 75%, @colorOdd 75%, @colorOdd);
  background-size: 10px 10px;
}

.fnAnimation(@key, @direction) {
  animation: @key 6.5s infinite @direction linear;
}
.top,
.right {
  .fnAnimation(background-position, normal);
}
.left,
.bottom {
  .fnAnimation(background-position, reverse);
}

@keyframes background-position {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
